<!--
*  功能描述：合同统计页面
 -->
<template>
  <div>
    <!-- 查询条件 -->
    <div></div>
    <!-- 选项卡 -->
    <div>
      <el-tabs type="border-card">
        <el-tab-pane label="月份">
          <el-table :data="dataShowmounth" style="width: 100%">
            <el-table-column prop="mounth" label="月份" ></el-table-column>
            <el-table-column prop="mounth1" label="一月" ></el-table-column>
            <el-table-column prop="mounth2" label="二月"> </el-table-column>
            <el-table-column prop="mounth3" label="三月"> </el-table-column>
            <el-table-column prop="mounth4" label="四月"> </el-table-column>
            <el-table-column prop="mounth5" label="五月"> </el-table-column>
            <el-table-column prop="mounth6" label="六月"> </el-table-column>
            <el-table-column prop="mounth7" label="七月"> </el-table-column>
            <el-table-column prop="mounth8" label="八月"> </el-table-column>
            <el-table-column prop="mounth9" label="九月"> </el-table-column>
            <el-table-column prop="mounth10" label="十月"> </el-table-column>
            <el-table-column prop="mounth11" label="十一月"> </el-table-column>
            <el-table-column prop="mounth12" label="十二月"> </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="季度">
          <el-table :data="dataShowquarter" style="width: 100%">
            <el-table-column prop="quarter" label="季度" ></el-table-column>
            <el-table-column prop="quarter1" label="第一季度" ></el-table-column>
            <el-table-column prop="quarter2" label="第二季度"> </el-table-column>
            <el-table-column prop="quarter3" label="第三季度"> </el-table-column>
            <el-table-column prop="quarter4" label="第四季度"> </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="合同类型">
          <el-table :data="dataShowcontractType" style="width: 100%">
            <el-table-column prop="contractType" label="合同类型" ></el-table-column>
            <el-table-column prop="contractType1" label="工程咨询合同" ></el-table-column>
            <el-table-column prop="contractType2" label="工程总承包合同"> </el-table-column>
            <el-table-column prop="contractType3" label="工程代建合同"> </el-table-column>
            <el-table-column prop="contractType4" label="项目协议"> </el-table-column>
          </el-table>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataShowmounth: [],
      dataShowquarter: [],
      dataShowcontractType: [],
    };
  },
  methods: {
    GetdataShowmounth() {
      this.$http.get(`Contrac/Getmounth`).then((res) => {
        this.dataShowmounth = res.data;
      });
    },
    GetdataShowquarter() {
      this.$http.get(`Contrac/Getquarter`).then((res) => {
        this.dataShowquarter = res.data;
      });
    },
    GetdataShowcontractType() {
      this.$http.get(`Contrac/GetcontractType`).then((res) => {
        this.dataShowcontractType = res.data;
      });
    },
  },
  created() {
      this.GetdataShowmounth()
      this.GetdataShowquarter()
      this.GetdataShowcontractType()
  },
};
</script>

<style>
</style>